Bei mitenand-usenand.ch hat ja jede Seite auf Kundenwunsch ein Hintergrundbild. Auf einem Laptop oder Desktop ist das kein Problem. Aber auf dem Handy ist das jeweilige Bild teils zu kurz. Wenn ich das im Beitrag selber anpasse, dann gibts in der Desktopansicht einfach einen viel zu grossen leeren Raum nach dem Text. (vor allem bei Scheidung o.Anwalt).
Frage: Kann man das Hintergrundbild irgendwie an den Text koppeln?
Und bei der Navigation wir bei Scheidung ohne Anwalt das auf zwei Linien gebrochen. Wäre kein Problem, nur ist mir dort der Abstand von den zwei Zeilen zu weit auseinander. Ich schaffe es nur, die ganz Navi zu strecken oder zu stauchen. Aber eigentlich möchte ich nur in diesem Menupunkt einfach weniger Abstand haben, sofern das vom Layout (z.B. Hand oder Ipad) erforderlich ist.
Ich nehme an du hast dein Problem mit dem Hintergrundbild schon gelöst? "overflow: hidden" wäre jetzt mein Vorschlag gewesen, das hast du aber schon.
Wegen der Navi: Jeder Menüpunkt hat eine eigene CSS Klasse zugewiesen, bei diesem "item-107". Damit kannst diesen Menüpunkt auch mit kleinerer Schrift oder sonstwas formatieren. Ausserdem kannst du in den Einstellungen des Menüeintrages auch eine eigene CSS Klasse für diese Menüpunkt ("CSS-Klasse für Link") definieren.
Nein, das mit dem Hintergrundbild ist so nicht gelöst. Bei den meisten Texten habe einfach ein paar Zeilenschaltungen gemacht. Aber auf dem Handy ist der Menupunkt mit der Scheidung noch nicht gut. Wenn ich aber dort noch eine mache, ist der Abstand im "normalen" Zustand dann grösser als bei den anderen Punkten.
Das mit dem Menupunkt werde ich mal probieren. Schauen, wie weit ich komme.
Also beim Hintergrundbild ist es sicher so dass der Text unterschiedlich lang werden kann, je nach Text und Auflösung. Da kannst erstmal nix dagegen machen. Der Benutzer kann ja auch Text grösser machen und dergleichen.
Was du machen kannst ist zB den unteren Abstand grösser machen per CSS. Dann musste nicht leere Zeilen einfügen. Dann kannst du das Bild vertikal wiederholen lassen (repeat-y), oder einfach ein Bild nehmen das lang genug ist und mit hidden overflow ausblenden was zu lang ist.
